<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:winter="http://www.winter.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="/layouts/layout">

<div id="LegitimacionGestionFragment"
	th:fragment="LegitimacionGestionFragment">
	<winter:output id="mainLegitimacionDialogOutput"
		class="winter-form form-container">
		<winter:output id="formLegitimacionDialogOutput" class="cabecera">
			<winter:row>
				<winter:column type="col-md-8">
					<winter:inputtext id="NombreComp"
						field="*{compareciente.nombreCompleto}"
						label="#{label.persona.nombre.completo}" labeldisplay="col-xs-4"
						inputdisplay="col-xs-8" containerdisplay="row padded"
						class="winter-input-text capitalize" maxlength="250"
						maxlengthmessage="Favor ingrese hasta 250 digitos"
						required="true"
						requiredmessage="#{label.persona.nombres.requerido}">
					</winter:inputtext>
				</winter:column>
			</winter:row>
			<winter:row>
				<winter:column type="col-md-6">
					<winter:select id="selectTipoDocumentoRep"
						field="*{compareciente.tipoDocumento}"
						collection="tiposDom, rowTiposDom : ${personas.tiposDoc}"
						value="@{${tiposDom.id}}" text="@{${tiposDom.descripcion}}"
						label="#{label.persona.documento.tipo}" required="true"
						requiredmessage="#{label.persona.documento.tipo.requerido}"
						modern="true" showglobalmessage="true">
					</winter:select>
				</winter:column>
				<winter:column type="col-md-6">
						<winter:inputtext id="NuevoRepNumeroDoc"
							field="*{compareciente.nroDocumento}"
							label="#{label.persona.documento.numero}" labeldisplay="col-xs-4"
							inputdisplay="col-xs-8" removecontainer="true"
							class="winter-input-text capitalize" required="true"
							requiredmessage="#{label.persona.documento.numero.requerido}"
							maxlength="50" maxlengthmessage="Favor ingrese hasta 50 digitos"
							type="float">
						</winter:inputtext>
				</winter:column>
			</winter:row>
			<winter:row>
				<winter:column type="col-md-6">
					<winter:select id="selectPaisPersona"
						field="*{compareciente.paisDTO}"
						collection="pais, rowPais : ${personas.paises}" value="${pais.id}"
						text="@{${pais.descripcion}}" label="#{label.persona.pais}"
						required="true" requiredmessage="#{label.persona.pais.requerido}"
						modern="true">
					</winter:select>
				</winter:column>
				<winter:column type="col-md-6">
					<winter:select id="selectEstadoCivilRep"
						field="*{compareciente.estadoCivilDTO}"
						collection="est, rowEst : ${personas.estadosCiviles}"
						value="${est.id}" text="@{${est.descripcion}}"
						label="#{label.persona.estadocivil}" addemptyvalue="true"
						required="true"
						requiredmessage="#{label.persona.estadocivil.requerido}"
						modern="true">
					</winter:select>
				</winter:column>
			</winter:row>
			<winter:row>
				<winter:column type="col-md-6">
					<winter:select id="selectRol"
						field="*{compareciente.rol}"
						collection="est, rowEst : ${personas.rolesComp}"
						value="${est.id}" text="@{${est.descripcion}}"
						label="#{label.persona.rol}" addemptyvalue="true"
						required="true"
						requiredmessage="#{label.persona.rol.requerido}"
						modern="true">
					</winter:select>
				</winter:column>
<!-- 				<winter:column type="col-md-6"> -->
<!-- 						<winter:check id="usaPoderId"  -->
<!-- 							field="*{compareciente.usaPoder}" -->
<!-- 							label="#{label.persona.poder}" -->
<!-- 							labeldisplay="col-xs-4" -->
<!-- 							inputdisplay="col-xs-8" -->
<!-- 							form="PersonasForm" -->
<!-- 							object="personas" -->
<!-- 							url="@{'/personas/usaPoderEvent'}" -->
<!-- 							containerdisplay="selected-check" -->
<!-- 							showstatus="true" -->
<!-- 							update="formPoderOutput"> -->
<!-- 						</winter:check> -->
<!-- 				</winter:column> -->
			</winter:row>
			<br/>
			<winter:output id="poderOutput" class="winter-form form-container" >
				<div class="form-title">Poderes</div>
				<winter:output id="formPoderOutput" class="cabecera" if="${personas.compareciente.usaPoder}">
					<winter:row>
						<winter:column type="col-md-8">
							<winter:inputtext id="nombrePod"
								field="*{poder.nombre}"
								label="#{label.persona.poder.nombre}" labeldisplay="col-xs-4"
								inputdisplay="col-xs-8" containerdisplay="row padded"
								class="winter-input-text capitalize" maxlength="250"
								maxlengthmessage="Favor ingrese hasta 250 digitos">
							</winter:inputtext>
						</winter:column>
					</winter:row>
					<winter:row>
						<winter:column type="col-md-8">	
							<winter:textarea
								id="textoPoderId" 
								field="*{poder.texto}" 
								class="template-area-small"
								label="#{label.persona.poder.texto}"
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-16"
								containerdisplay="row padded template-area-small"
								type="char">
							</winter:textarea>
						</winter:column>	
					</winter:row>
				</winter:output>
				<winter:datatable id="listaPoderesId" customLanguage="true"
					paginate="true" jQuery="true" retrieve="true"
					emptyTableText="No se encontraron Datos!"
					infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
					emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
					searchText="Buscar" lengthMenu="Mostrar _MENU_ registros">
					<thead>
						<tr>
							<th th:text="@{'Nombre'}"></th>
							<th th:text="@{'Texto'}"></th>
							<th th:text="@{'Seleccionar'}"></th>
						</tr>
					</thead>
					<tbody>
						<tr th:each="pod, podRowStat : ${personas.persona.personaJuridica.poderes}">
							<td th:text="${pod.nombre}"></td>
							<td th:text="${#strings.abbreviate(pod.texto,40)}" th:title="${pod.texto}"
									style="vertical-align: middle;"></td>
							<td>
								<winter:check
										id="@{'CheckPoder'+${podRowStat.index}}" 
										form="PersonasForm"
										object="personas"
										url="@{'/personas/checkPoder/'+${podRowStat.index}}"
										field="*{persona.personaJuridica.poderes[__${podRowStat.index}__].marcar}"
										containerdisplay="selected-check"
										showstatus="true"
										update="formPoderOutput">
								</winter:check>
							</td>
						</tr>
					</tbody>
				</winter:datatable>
			</winter:output>
			<winter:row class="button-panel-right" padded="true">
				<winter:ajaxSubmit id="CrearLegitimacion" form="PersonasForm"
					url="@{'/personas/guardarLegitimacion'}"
					update="LegitimacionesInclude" object="personas"
					value="#{label.operaciones.guardar}" showstatus="true"
					class="btn btn-cyan" process="LegitimacionCrearContainer"
					oncomplete="@{'Winter.ui.CloseDialog(\'LegitimacionDialog\')'}">
				</winter:ajaxSubmit>
				<winter:ajaxSubmit id="CrearLegitimacionCancelar"
					form="PersonasForm" object="personas"
					url="@{'/personas/cancelar/LEGITIMACION'}"
					update="DialogOutput, CrearEditarPersonaOutput,LegitimacionCrearDiV"
					value="#{label.operaciones.cancelar}" showstatus="true"
					class="btn btn-danger" process="LegitimacionCrearContainer"
					immediate="true"
					oncomplete="@{'Winter.ui.CloseDialog(\'LegitimacionDialog\')'}">
				</winter:ajaxSubmit>
			</winter:row>
		</winter:output>
	</winter:output>
</div>
</html>